<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <style>
        /*弹窗*/
        body {
            background: transparent;
        }
        .popBox {
            width: 100%;
            padding: 0.25rem 1rem 0.75rem;
        }
        .checkedLi li{
          height: 2rem;
          line-height: 2.2rem;
          font-size:0.6rem;
          /*padding-top: 0.2rem;*/
          color:#444444;
          position: relative;
          width: 100%;
          border-bottom: 1px solid #eee;
        }
        .checkedLi li.check{
          	background: url(../../image/publish/03.png) no-repeat right center;
          	background-size: 0.9rem;
        }
    </style>
</head>
<body>
    <div class="popOverlay" tapmode onClick="closeFrame();"></div>
    <div class="popBox" >
      <ul class="checkedLi">
        <li class="check" tapmode onclick="checkedLi(this)">全部奖励</li>
        <li tapmode onclick="checkedLi(this)">今日收益</li>
        <li tapmode onclick="checkedLi(this)">本月预估奖励</li>
        <li tapmode onclick="checkedLi(this)">上月结算奖励</li>
      </ul>
    </div>
</body>
<script type="text/javascript" src="../../script/import.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
    };
    function checkedLi(el){
      var _this = $$(el);
      var text = _this.text();
      var index = _this.index();
      _this.addClass('check')
      api.execScript({
          frameName: 'reward_frm',
          script: 'changeItem(' + index + ');'
      });
      api.sendEvent({
          name: 'maskListEvent',
          extra: {
              text: text
          }
      });
      api.closeFrame();
    }
    function closeFrame(){
      api.closeFrame();
      api.sendEvent({
          name: 'closeFrameEvent',
          extra: {
              key1: 'value1',
              key2: 'value2'
          }
      });

    }
</script>
</html>
